﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfCommitDemand.aspx.cs" Inherits="msBsc.WebUi.wMall.Buyer.wfCommitDemand" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Buyer/OrderCommCss.css" rel="stylesheet" />
    <title>需求提交</title>
    <style>
        .middleInput {
            width: 340px;
            height: 30px;
            line-height: 30px;
            margin-left: 10px;
            border-radius: 3px;
            border: 1px solid #bdbdbd;
        }

        #txtCustomerName, #txtPhone {
            width: 160px;
            height: 25px;
            line-height: 28px;
            margin-left: 10px;
            border: 0;
        }
    </style>
</head>
<body>
    <div class="wf_all">
        <input type="hidden" id="hidRouteId" value="" />
        <div class="action-step action-step1"></div>
        <div class="main-content">
            <div class="show-title icon-edit">
                <span class="large-font title-text">填写需求</span><span class="title-line middle-line"></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border title-actvice" onclick="javascript:{window.location.href='/wp_Index.htm'}">前往城市</span>
                <span class="item-label item-wrap-border" id="destinCity"></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border title-actvice" onclick="javascript:{window.location.href='/wp_TravelScenicList.htm'}">预定线路</span>
                <span class="item-wrap-border item-label">旅游天数<span class="inner-item" id="routeDays"></span></span>
                <span class="item-label item-wrap-border" id="routeName"></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border title-actvice" onclick="javascript:{window.location.href='/wp_TravelCarList.htm'}">预定车型</span>
                <span class="item-wrap-border item-label">座位数量<span class="inner-item" id="vSeats"></span></span>
                <span class="item-wrap-border item-label">类别<span class="inner-item" id="vType"></span></span>
                <span class="item-wrap-border item-label">品牌<span class="inner-item" id="vBrand"></span></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border">预定司机</span>
                <span class="item-wrap-border item-label">姓名<span class="inner-item" id="djkName"></span></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border">接待时间</span>
                <input type="text" id="uetoTime" class="input laydate-icon" style="width: 218px; margin-left: 10px; height: 30px; line-height: 30px; border-radius: 3px;" />
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border">接待地点</span>
                <input type="text" id="txtServiceAddr" class="middleInput" placeholder="请输入接待您的详细地址" />
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border">预计费用</span>
                <span class="item-wrap-border item-label"><span  id="totalFee"></span><span class="inner-item">元</span></span>
            </div>
            <div class="content-row">
                <span class="item-title item-wrap-border">联系方式</span>
                <span class="item-wrap-border item-label">姓名<input type="text" id="txtCustomerName" value="" placeholder="请输入姓名" /></span>
                <span class="item-wrap-border item-label">电话<input type="text" id="txtPhone" value="" placeholder="请输入联系电话" /></span>
            </div>
            <div class="content-row submit-position">
                <input type="button" value="提交需求" id="submitInfo" />
            </div>
            <div class="content-row submit-position">
                <div class="result-msg"></div>
            </div>
            <!--购买说明开始-->
            <div class="show-title submit-position icon-detail">
                <span class="large-font title-text">购买说明</span><span class="title-line middle-line"></span>
            </div>
            <div class="price-expire">
                <div class="expire-title">价格说明</div>
                <div class="expire-content">
                    <div class="expire-item">
                        <span class="circle-num num-color-default">1</span>
                        <span class="expire-item-detail">费用包含：车辆使用费、司i机服务费、油费、停车费、过路费，以及用车相关的所有费用</span>
                    </div>
                    <div class="expire-item">
                        <span class="circle-num num-color-default">2</span>
                        <span class="expire-item-detail">费用不含：行驶途径景区景点门票费、全程用餐费、酒店住宿费及其他个人消费</span>
                    </div>
                    <div class="expire-item">
                        <span class="circle-num num-color-default">3</span>
                        <span class="expire-item-detail">如当日回到出发地，司机餐宿费自理</span>
                    </div>
                    <div class="expire-item">
                        <span class="circle-num num-color-default">4</span>
                        <span class="expire-item-detail">淡旺季价格浮动较大，价格以实际审核价为准</span>
                    </div>
                </div>
            </div>
            <div class="price-expire">
                <div class="expire-title">预定须知</div>
                <div class="expire-content">
                    <div class="expire-item">
                        <span class="circle-num num-color-default">1</span>
                        <span class="expire-item-detail">产品服务时限为每天10小时(100公里），以从酒店接到客人开始，将客人送回入住酒店结束</span>
                    </div>
                    <div class="expire-item">
                        <span class="circle-num num-color-default">2</span>
                        <span class="expire-item-detail">如当天用车超过100公里，之后以每公里3元计算；如当天用车超过10小时，之后以每小时30元计算</span>
                    </div>
                </div>
            </div>
            <div class="price-expire">
                <div class="expire-title">使用方法</div>
                <div class="expire-content">
                    <div class="expire-item">
                        <span class="circle-num num-color-default">1</span>
                        <span class="expire-item-detail">您预订成功后会收到网站的确认短信，出发当日，您可凭短信使用包车服务</span>
                    </div>
                    <div class="expire-item">
                        <span class="circle-num num-color-default">2</span>
                        <span class="expire-item-detail">司机会提前1天晚上22:00之前确认游客信息，通知具体的集合时间与地点</span>
                    </div>
                </div>
            </div>
            <div class="price-expire">
                <div class="expire-title">退款说明</div>
                <div class="expire-content">
                    <div class="expire-item">
                        <span class="expire-item-detail">出行前7天可申请全额退款，出行前2-3天可申请退款50%，出行当天不可申请退款。</span>
                    </div>
                </div>
            </div>
            <!--购买说明结束-->
        </div>








        <!--start JS引用-->
        <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
        <script src="/jqPlugin/js/jBase.js"></script>
        <script src="/jqPlugin/js/jBPage.js"></script>
        <script src="/jqPlugin/js/laytpl.js"></script>
        <script src="/jqPlugin/laydate/laydate.js"></script>
        <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
        <!--end JS引用-->

        <script type="text/javascript">
            var start = {
                elem: '#uetoTime',
                format: 'YYYY-MM-DD hh:DD',
                min: laydate.now(), //设定最小日期为当前日期
                istime: true,
                istoday: false,
                choose: function (datas) {
                    //end.min = datas; //开始日选好后，重置结束日的最小日期
                    //end.start = datas //将结束日的初始值设定为开始日
                    //computingPrice();
                }
            };
            laydate(start);


            /*验证输入是否合法*/
            /*
            *   serviceDt:接待时间
            *   serviceAddr:接待地点
            *   custName:客户姓名
            *   custPhone:客户联系电话
            */
            function ConfirmUserInput(serviceDt, serviceAddr, custName, custPhone) {
                if (IsNull(serviceDt)) {
                    $(".result-msg").text("请选择接待您的时间").css("color", "#f00");
                    return false
                }

                if (IsNull(serviceAddr)) {
                    $(".result-msg").text("请填写接待您的详细地址").css("color", "#f00");
                    return false;
                }

                if (IsNull(custName)) {
                    $(".result-msg").text("请填写接待您的姓名，以确保我们的工作人员联系到您，为您更好的服务").css("color", "#f00");
                    return false;
                }

                if (IsNull(custPhone)) {
                    $(".result-msg").text("请填写接待您的联系电话，以确保我们的工作人员联系到您，为您更好的服务").css("color", "#f00");
                    return false;
                }

                return true;
            }

            /*提交需求信息*/
            $("#submitInfo").click(function () {
                var serviceDt = $("#uetoTime").val();
                var serviceAddr = $("#txtServiceAddr").val();
                var custName = $("#txtCustomerName").val();
                var custPhone = $("#txtPhone").val();
                if (!ConfirmUserInput(serviceDt, serviceAddr, custName, custPhone)) {
                    return;
                }

                var oparm = new jsonRow();

                oparm.AddCell("serviceDt", serviceDt);
                oparm.AddCell("serviceAddr", serviceAddr);
                oparm.AddCell("custName", custName);
                oparm.AddCell("custPhone", custPhone);
                oparm.AddCell("routeOrderId", $("#hidRouteId").val());
                oparm.AddCell("ACTION", "CommitDemand");
                ajaxComm(oparm);
            })

            /*请求初始信息*/
            function RequstInitInfo() {
                $("#submitInfo").css("background-color", "#808080").css("color", "#666").attr("disabled", "disabled");
                var orderId = GetQueryStr("routeOrderId");

                $("#hidRouteId").val(orderId);

                var oparm = new jsonRow();

                oparm.AddCell("routeOrderId", orderId);
                oparm.AddCell("ACTION", "InitInfo");
                ajaxComm(oparm);
            }
            RequstInitInfo();

            //显示线路详情信息
            function ShowInitInfo(country, city, des, days, routeName, vType, vSeats, vBrand, djkName, totalFee) {
                $("#destinCity").text(country + " > " + city + " > " + des);
                $("#routeDays").text(days);
                $("#routeName").text(routeName);
                $("#vSeats").text(vSeats);
                $("#vType").text(vType);
                $("#vBrand").text(vBrand);
                $("#djkName").text(djkName);
                $("#totalFee").text(totalFee);
                $("#submitInfo").css("background-color", "#ff9e00").css("color", "#fff").removeAttr("disabled");
            }
        </script>

        <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    </div>
</body>
</html>
